﻿.banner {
  width: 960px;
  height: 60px;
  margin: 0px auto;
}
.banner .logo {
  width: 190px;
  height: 60px;
  float: left;
}
.banner .step {
  float: left;
  width: 576px;
  height: 51px;
  position: relative;
  top: 8px;
  left: 15;
  float: right;
}
.steplist {
  width: 144px;
  height: 51px;
  background: url(../images/cart1.png) -699px -625px no-repeat;
  float: left;
}
.stepDefaultBg {
  width: 144px;
  height: 51px;
  background: url(../images/cart1.png) -555px -625px no-repeat;
  float: left;
}
.stepDefaultBg .stepNum {
  color: #BBBBBB;
}
.steplist .stepNum {
  color: #fff;
}
.stepNum {
  width: 144px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  color: #fff;
}
.stepWord {
  width: 144px;
  color: #333;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  padding-top: 5px;
}
/*头部结束*/
#carMain {
  width: 960px;
  margin: 0px auto;
}
.w990 {
  width: 960px;
  marin: 0px auto;
  float: left;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.words {
  height: 35px;
  line-height: 35px;
  padding: 0px 5px;
}
.shopCar {
  display: inline-block;
  height: 30px;
  width: 30px;
  background: url(../images/CartSprites.png) 0px -168px no-repeat;
  position: relative;
  top: 10px;
}
.shopCarWord {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  height: 30px;
}
.wordBorder {
  border: 1px solid  #FFCC66;
  height: 22px;
  line-height: 22px;
  padding: 0px 5px;
}
.gobackgShopping {
  color: #0088CC;
}
.gobackgShopping:hover {
  color: #FF6600;
}
.carList {
  width: 960px;
  maring: 0px auto;
  bottom-top: 2px solid #ddd;
  float: left;
  border: 1px solid #D9D9D9;
  overflow: hidden;
}
.carList li {
  float: left;
}
.carListTitle {
  background: #F6F6F6;
  height: 40px;
  line-height: 40px;
  pdding: 20px 0px;
  text-align: center;
  border-bottom: 1px dashed #ddd;
}
.chose {
  width: 62px;
  height: 16px;
}
.chose img {
  float: left;
  display: inline-block;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.googs {
  width: 318px;
  height: 16px;
}
.imgT {
  width: 60px;
}
.price {
  width: 84px;
  height: 16px;
}
.sendTo {
  width: 36px;
  height: 16px;
}
.city {
  width: 93px;
  height: 23px;
}
.nums {
  width: 106px;
  height: 16px;
}
.nums a,
.nums input {
  margin-top: ;
  float: left;
  height: 30px;
  border: 1px solid #ddd;
  margin: 20px 2px 0px;
  line-height: 30px;
}
.nums a {
  display: inline-block;
  height: 28px;
  line-height: 30px;
  padding: 0px 5px;
  font-size: 16px;
  color: #666;
  float: left;
}
.nums a:hover {
  text-decoration: none;
}
.nums input {
  width: 30px;
  line-height: 30px;
  float: left;
  text-align: center;
}
.subtotal {
  width: 110px;
  height: 16px;
  text-align: right;
}
.doIt {
  width: 130px;
  height: 16px;
}
.img {
  width: 60px;
  height: 60px;
  overflow: hidden;
  display: inline-block;
}
.img img {
  width: 60px;
}
.googsTitle {
  width: 258px;
  height: 60px;
  overflow: hidden;
  line-height: 30px;
  text-align: left;
  padding-left: 8px;
}
.contentset {
  background: none;
  height: 60px;
  line-height: 60px;
  pdding: 20px 0px;
  text-align: center;
  padding: 5px 0px;
  border-bottom: 1px dashed #ddd;
  margin-bottom: -2px;
}
.contentset .img {
  position: relative;
}
.contentset .img:hover .light {
  left: 54px;
  transition: all 0.5s ease 0s;
}
.light {
  position: absolute;
  left: -68px;
  top: 0px;
  width: 55px;
  height: 65px;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  transform: skewX(-25deg);
  transition: all 0s ease 0s;
}
.shopList {
  width: 960px;
  margin: 10px auto;
  border: 1px solid #ddd;
  float: left;
}
.shopList .listLfet {
  width: 300px;
  float: left;
  height: 60px;
}
.shopList .listLfet li {
  float: left;
  padding-left: 10px;
  height: 30px;
  line-height: 30px;
}
.shopList .listLfet li input {
  height: 30px;
  line-height: 30px;
  float: left;
  margin: 0px 5px;
}
.listRight {
  float: left;
  padding-left: 290px;
  line-height: 30px;
}
.listRight li {
  float: left;
}
.listRight .price {
  color: #DD0000;
  font-weight: 700;
  padding-left: 5px;
}
.settle {
  margin-top: 30px;
  height: 60px;
  line-height: 60px;
  background: #F6F6F6;
  padding-left: 550px;
  padding-top: 10px;
}
.settle .price {
  font-family: tahoma;
  font-size: 16px;
  color: #D00;
  font-weight: 700;
}
.settle .account {
  background: url(../images/cart1.png) no-repeat;
  padding-left: 16px;
  font-size: 20px;
  font-family: "MicroSoft YaHei";
  line-height: 40px;
  cursor: pointer;
  border: none;
  padding-right: 16px;
  width: 105px;
  height: 40px;
}
.settle li {
  float: left;
}
.payable {
  font-size: 14px;
  font-family: 微软雅黑;
  color: #333;
  padding-left: 20px;
  font-weight: 700;
}
.clear {
  clear: both;
}
.ui-poptip-main {
  border: 1px solid #FC6;
  background: #FFFFF0;
  box-shadow: 1px 1px 2px #E3E2E0;
  font-size: 12px;
  padding: 2px;
  position: relative;
  top: -50px;
  left: 10px;
  display: none;
  line-height: 20px;
}
table {
  border-collapse: collapse;
  border-spacing: 0px;
}
#alert {
  width: 300px;
  height: 65px;
  background: rgba(0, 0, 0, 0.2);
  margin: 0px auto;
  padding: 10px;
  position: fixed;
  _position: absolute;
  top: 45%;
  left: 40%;
  z-index: 1000003;
  color: #fff;
  font-size: 14px;
  display: none;
}
#alert .alertBg {
  width: 300px;
  background: #fff;
  height: 65px;
}
#alert .alertBg li {
  float: left;
  height: 60px;
  line-height: 60px;
}
#alert .alertBg li .loading {
  width: 37px;
  height: 37px;
  position: relative;
  top: 15px;
  left: 30px;
  background: url("../images/loading.gif") no-repeat;
}
#alert .alertBg .alertWords {
  padding-left: 60px;
  color: #47A4DA;
  font-weight: 700;
  font-size: 16px;
  line-height: 70px;
}
#ok {
  width: 300px;
  height: 65px;
  background: rgba(0, 0, 0, 0.2);
  margin: 0px auto;
  padding: 10px;
  position: fixed;
  _position: absolute;
  top: 45%;
  left: 40%;
  z-index: 1000003;
  color: #fff;
  font-size: 14px;
  display: none;
}
#ok .okBg {
  width: 300px;
  background: #fff;
  height: 65px;
}
#ok .okBg li {
  float: left;
  height: 60px;
  line-height: 60px;
}
#ok .okBg li .success {
  position: absolute;
  width: 37px;
  height: 37px;
  position: relative;
  top: 15px;
  left: 30px;
  background: url("../images/tipIcon.png") -119px 0px no-repeat;
}
#ok .okBg .alertWords {
  padding-left: 60px;
  color: #47A4DA;
  font-weight: 700;
  font-size: 16px;
  line-height: 70px;
}
.clearcar,
.chooseclear {
  position: relative;
  float: left;
  padding-left: 10px;
  height: 30px;
  line-height: 30px;
}
#cloudCartEmpty {
  width: 960px;
  height: 270px;
  margin: 10px auto;
  display: none;
}
.emptyCart {
  text-align: center;
  clear: both;
  overflow: hidden;
  display: table;
  padding-left: 250px;
  padding-top: 50px;
}
.emptyCart dl dt {
  float: left;
  display: inline;
  width: 96px;
  height: 116px;
  margin-right: 24px;
  vertical-align: middle;
  background-image: url("../images/cart1.png");
  background-repeat: no-repeat;
  background-position: 0px -195px;
}
.emptyCart dl dd {
  float: left;
  display: inline;
  text-align: left;
  vertical-align: middle;
  height: 116px;
  padding-top: 20px;
}
.yk_emptyCart_otherLink {
  overflow: hidden;
  width: 415px;
}
.yk_emptyCart_otherLink a {
  color: #006FCA;
}
.yk_emptyCart_otherLink a:hover {
  color: #FF6600;
}
.sendgoods {
  position: relative;
}
.nogoodschoose {
  position: absolute;
  top: -10px;
  background: #FFFFF0;
  border: 1px solid #FC6;
  width: 170px;
  height: 30px;
  line-height: 30px;
  left: -38px;
  padding-left: 5px;
  display: none;
}
.sendgoods .loading {
  position: absolute;
  top: 7px;
  left: 30px;
  width: 37px;
  height: 37px;
  background: url("../images/loading.gif") no-repeat;
  z-index: 100;
  display: none;
}
.sendgoods .success {
  position: absolute;
  top: 9px;
  left: 40px;
  width: 37px;
  height: 37px;
  background: url("../images/tipIcon.png") -119px 0px no-repeat;
  z-index: 100;
  display: none;
}
